<template> 
    <div class="cloud-template-view">
      <!-- 引入公共头部导航栏 -->
      <div class="cloud-template-container">
        <h3 class="section-title">云模板</h3>
        <!-- 内容区域 -->
        <div class="content-area">
          <!-- 这里是云模板的内容 -->
        </div>
      </div>
    </div>
</template>

<script setup> 
</script>

<style lang="less" scoped>
.cloud-template-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  
}

.cloud-template-container {
  flex: 1;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.section-title {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-weight: 500;
}

.content-area {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
</style>